<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
	  th:with="title='账号绑定',active='userinfo',hasEditor=true"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<!-- head 头部-->
<head th:replace="web/common/fragment::head(${title},null,'')"></head>
<body>

<div th:replace="web/layout/header::header(${active})"></div>
<!--	main	-->
<div class="fly-main" th:if="${session.sessionUser!=null}"  th:with="loginUser=${session.sessionUser}">
	<div class="user-center">
		<!--site tree-->
		<div class="layui-row">
			<div class="layui-col-md2 site-tree">
				<div th:include="web/view/center/template::siteTree('accountOAuth')"></div>
			</div>
			<div class="layui-col-md10 site-content">
				<!--	账号绑定		-->
				<div class="bd-list layui-text user-info-content">
					<div class="bd-list-item">
						<div class="bd-list-item-content">
							<div class="bd-list-item-lable">密保手机</div>
							<div class="bd-list-item-text">已绑定手机：138****8293</div>
						</div>
						<a class="bd-list-item-oper">修改</a>
					</div>
					<div class="bd-list-item">
						<div class="bd-list-item-content">
							<div class="bd-list-item-lable">绑定账号</div>
							<div class="bd-list-item-text">已绑定账号：<th:block th:text="${loginUser.userName}"></th:block></div>
						</div>
						<!--<a class="bd-list-item-oper">修改</a>-->
					</div>
					<div class="bd-list-item">
						<div class="bd-list-item-img">
							<i class="layui-icon layui-icon-login-weibo"
							   style="color: #E6162D;font-size: 48px;"></i>
						</div>
						<th:block th:if="${authMap.containsKey('WEIBO')}">
							<div class="bd-list-item-content">
								<div class="bd-list-item-lable">绑定微博</div>
								<div class="bd-list-item-text">当前已绑定微博账号：@
									<th:block th:text="${authMap.WEIBO.nickName}"></th:block></div>
							</div>
							<a class="bd-list-item-oper" href="/oauth/revoke/weibo">解除绑定</a>
						</th:block>
						<th:block th:if="${not #maps.containsKey(authMap,'WEIBO')}">
							<div class="bd-list-item-content">
								<div class="bd-list-item-lable">绑定微博</div>
								<div class="bd-list-item-text">当前未绑定微博账号</div>
							</div>
							<a class="bd-list-item-oper" href="/oauth/render/weibo">绑定</a>
						</th:block>

					</div>
					<div class="bd-list-item">
						<div class="bd-list-item-img">
							<i class="layui-icon layui-icon-cellphone"
							   style="color: #3cd7bc;font-size: 48px;"></i>
						</div>
						<div class="bd-list-item-content">
							<div class="bd-list-item-lable">绑定手机</div>
							<div class="bd-list-item-text">当前未绑定手机号</div>
						</div>
						<a class="bd-list-item-oper">绑定</a>
					</div>
					<div class="bd-list-item" >
						<div class="bd-list-item-img">
							<i class="layui-icon layui-icon-login-qq"
							   style="color: #3492ED;font-size: 48px;"></i>
						</div>
						<th:block th:if="${authMap.containsKey('QQ')}">
							<div class="bd-list-item-content">
								<div class="bd-list-item-lable">绑定QQ</div>
								<div class="bd-list-item-text">当前已绑定QQ账号：
									<th:block th:text="${authMap.QQ.nickName}"></th:block></div>
							</div>
							<a class="bd-list-item-oper" href="/oauth/revoke/qq">解除绑定</a>
						</th:block>
						<th:block th:if="${not #maps.containsKey(authMap,'QQ')}">
							<div class="bd-list-item-content">
								<div class="bd-list-item-lable">绑定QQ</div>
								<div class="bd-list-item-text">当前未绑定QQ账号</div>
							</div>
							<a class="bd-list-item-oper" href="/oauth/render/qq">绑定</a>
						</th:block>
					</div>
					<div class="bd-list-item">
						<div class="bd-list-item-img">
							<i class="layui-icon layui-icon-login-wechat"
							   style="color: #4DAF29;font-size: 48px;"></i>
						</div>
						<th:block th:if="${authMap.containsKey('WEIXIN')}">
							<div class="bd-list-item-content">
								<div class="bd-list-item-lable">绑定微信</div>
								<div class="bd-list-item-text">当前已绑定微信账号：
									<th:block th:text="${authMap.WEIXIN.nickName}"></th:block></div>
							</div>
							<a class="bd-list-item-oper" href="/oauth/revoke/weixin">解除绑定</a>
						</th:block>
						<th:block th:if="${not #maps.containsKey(authMap,'WEIXIN')}">
							<div class="bd-list-item-content">
								<div class="bd-list-item-lable">绑定微信</div>
								<div class="bd-list-item-text">当前未绑定微信账号</div>
							</div>
							<a class="bd-list-item-oper" href="/oauth/render/weixin">绑定</a>
						</th:block>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--	main end	-->
<!--	底部版权		-->
<div th:replace="web/layout/footer::footer"></div>
<!--	搜索		-->
<div th:replace="web/layout/common::pop-search"></div>
<!--	右边工具栏	-->
<div th:replace="web/layout/common::right-bar"></div>
<!--	引入JS	-->
<div th:replace="web/common/fragment::js"></div>

<script th:inline="javascript">
	layui.use(['form','tagsInput'], function(){
		var form = layui.form;
		var $ = layui.jquery;
		var tagsInput = layui.tagsInput;
		var layer = layui.layer;

	})
</script>
<div th:replace="web/common/fragment::post"></div>

</body>
</html>
